@charset "utf-8";
.mj-tag {
	display: inline-block;
    height: 22px;
    line-height: 20px;
    margin: 2px 4px 2px 0;
    padding: 0 8px;
    border: 1px solid #e8eaec;
    border-radius: 3px;
    background: #f7f7f7;
    font-size: 12px;
    vertical-align: middle;
    opacity: 1;
    overflow: hidden;
    color:#fff;
    box-sizing:border-box;
}

.mj-tag-default {
	color:#555;
}

.mj-tag-primary {
	background-color:var(--primary);
	border-color:var(--primary);
}

.mj-tag-success {
	background-color:var(--success);
	border-color:var(--success);
}

.mj-tag-error {
	background-color:var(--error);
	border-color:var(--error);
}

.mj-tag-warning {
	background-color:var(--warning);
	border-color:var(--warning);
}

.mj-tag-info {
	background: var(--info);
	border-color: var(--info);
}

.mj-tag-blue {
    background: var(--blue);
    border-color: var(--blue);
}

.mj-tag-green {
    background: var(--green);
    border-color: var(--green);
}

.mj-tag-red {
    background: var(--red);
    border-color: var(--red);
}

.mj-tag-yellow {
    background: var(--yellow);
    border-color: var(--yellow);
}

.mj-tag-orange {
    background: var(--orange);
    border-color: var(--orange);
}

.mj-tag-cyan {
    background: var(--cyan);
    border-color: var(--cyan);
}

.mj-tag-pink {
    background: var(--pink);
    border-color: var(--pink);
}
